<!DOCTYPE HTML>
<script>
    function test()
    {
        // Force initial layout
        document.body.offsetTop;

        // Force preferred width recalculation
        pic.style.padding = "0";
        document.body.offsetTop;

        container.style.width = "200px";
    }
</script>
<p>
    Test for <i><a href="rdar://problem/5862634">rdar://problem/5862634</a>
    REGRESSION (3.1.1): In iChat, inline image not resizable past current size after another IM is received</i>.
</p>
<p>
    The blue square below should be 100&times;100 pixels.
</p>
<div id="container" style="width: 10px;">
    <div style="display: inline-block;">
        <img onload="test()" id="pic" src="resources/square-blue-100x100.png" style="max-width: 100%; padding: 10px;">
    </div>
</div>
